<template>
  <t-layout-page>
    <t-layout-page-item>
      <div>默认方式显示金额</div>
      <t-input placeholder="请输入金额" @numblur="blurVal" v-model="money"></t-input>
      <div>显示金额tip（大写）控制isTip</div>
      <t-input placeholder="请输入金额" isTip v-model="money2"></t-input>
      <div>显示天数</div>
      <t-input
        placeholder="请输入天数"
        inputType="days"
        appendTitle="天"
        @numblur="blurVal1"
        v-model="day"
      ></t-input>
      <div>显示百分比</div>
      <t-input placeholder="请输入" inputType="percent" appendTitle="%" v-model="percent"></t-input>
      <div>显示电话号码</div>
      <t-input
        placeholder="请输入电话号码"
        :isShow="false"
        inputType="tel"
        @numblur="blurVal2"
        v-model="tel"
      ></t-input>
    </t-layout-page-item>
  </t-layout-page>
</template>

<script>
export default {
  data() {
    return {
      money: null,
      day: null,
      money2: null,
      percent: null,
      tel: ''
    }
  },
  methods: {
    blurVal(val) {
      console.log('获取输入的值', val)
    },
    blurVal1(val) {
      console.log('获取输入的值1', val)
    },
    blurVal2(val) {
      console.log('获取输入的值2', val)
    }
  }
}
</script>
